<template>
    <fieldset>
        <legend>组件上使用v-model</legend>
        <h1>组件</h1>
        <input type="text" :value="v" @input="handleInput">
    </fieldset>
</template>
<script>
    //组件的内部默认接收一个叫做value的props

    //默认需要通过$emit发射一个叫做"input"的事件
    //不要去想这个底层怎么实现,知道怎么用
    export default {
        props: ['v'],
        model: {
            event: 'ipt',
            prop: 'v'
        },//声明v-model的属性和事件
        methods: {
            handleInput(e) {
                console.log(e.target.value)
                this.$emit('ipt', e.target.value)
            }
        }
    }
</script>